<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="style.css" />
	</head>

	<body>
		<div class="h">
			<ul>
				<li>
					<a href="">
						<i></i>
					</a>
				</li>
				<li>
					<a href="">
						<img src="img/23040.1548830266.4a038836d70efb47eaeaea2ec862d18e.230x40_6004.jpg" alt="" />
					</a>
				</li>
				<li>
					<a href="">
						<i></i> 成长守护平台
					</a>
				</li>
				<li>
					<a href="">
						腾讯游戏排行榜
						<i></i>
					</a>
				</li>
			</ul>
		</div>
		<div class="wrapper">
			<!--头部-->
			<header>
				<div class="h-left">
					<!--<img src="img/logo-main-24.png" alt="" />-->
				</div>
				<div class="h-right">
					<div class="one">
						<i></i>
					</div>
					<div class="two">
						<i></i>
						<ul>
							<li>
								<a href="#">公告</a>
							</li>
							<li>
								<a href="#">新闻</a>
							</li>
							<li>
								<a href="#">活动</a>
							</li>
							<li>
								<a href="#">媒体</a>
							</li>
							<li>
								<a href="#">攻略</a>
							</li>
							<li>
								<a href="#">直播</a>
							</li>
							<li>
								<a href="#">客栈</a>
							</li>
						</ul>
					</div>
					<div class="three">
						<i></i>
						<ul>
							<li>
								<a href="#">新手指南</a>
							</li>
							<li>
								<a href="#">游戏特色</a>
							</li>
							<li>
								<a href="#">世界背景</a>
							</li>
							<li>
								<a href="#">门派介绍</a>
							</li>
							<li>
								<a href="#">身份介绍</a>
							</li>
							<li>
								<a href="#">设定站</a>
							</li>
							<li>
								<a href="#">公子羽主题站</a>
							</li>
						</ul>
					</div>
					<div class="four">
						<i></i>
						<ul>
							<li>
								<a href="#">游戏下载</a>
							</li>
							<li>
								<a href="#">硬件配置</a>
							</li>
							<li>
								<a href="#">服务器状态</a>
							</li>
							<li>
								<a href="#">精英服招募</a>
							</li>
						</ul>
					</div>
					<div class="five">
						<i></i>
						<ul>
							<li>
								<a href="#">活动中心</a>
							</li>
							<li>
								<a href="#">版本中心</a>
							</li>
							<li>
								<a href="#">天涯合璧</a>
							</li>
							<li>
								<a href="#">微博微信</a>
							</li>
							<li>
								<a href="#">官方论坛</a>
							</li>
							<li>
								<a href="#">官方同人站</a>
							</li>
							<li>
								<a href="#">周边商城</a>
							</li>
						</ul>
					</div>
					<div class="six">
						<i></i>
						<ul>
							<li>
								<a href="#">视频</a>
							</li>
							<li>
								<a href="#">音乐</a>
							</li>
							<li>
								<a href="#">壁纸</a>
							</li>
							<li>
								<a href="#">原画</a>
							</li>
						</ul>
					</div>
					<div class="seven">
						<i></i>
						<ul>
							<li>
								<a href="#">账号充值</a>
							</li>
							<li>
								<a href="#">角色查询</a>
							</li>
							<li>
								<a href="#">封停查询</a>
							</li>
							<li>
								<a href="#">礼包兑换</a>
							</li>
							<li>
								<a href="#">账号安全</a>
							</li>
						</ul>
					</div>
					<div class="eight">
						<i></i>
						<ul>
							<li>
								<a href="#">在线客服</a>
							</li>
							<li>
								<a href="#">客服专区</a>
							</li>
							<li>
								<a href="#">用户协议</a>
							</li>
							<li>
								<a href="#">玩家条例</a>
							</li>
						</ul>
					</div>
				</div>
			</header>
			<!--轮播-->
			<div class="banner">
				<div class="b-left">
					<ul>
						<li>
							<a href="#">
								<h2>游戏下载</h2>
								<p>DOWNLOAD</p>
							</a>
						</li>
						<li class="y">
							<a href="#">
								<i></i> 礼包兑换
							</a>
							<p></p>
						</li>
						<li class="y">
							<a href="#">
								<i></i> 充值中心
							</a>
							<p></p>
						</li>
						<li class="y">
							<a href="#">
								<i></i> 新手指南
							</a>
						</li>
					</ul>
				</div>
				<div class="b-center">
					<div class="gf">
						<ul>
							<li>
								<a href="#">官方</a>
							</li>
							<li>
								<a href="#">合作</a>
							</li>
						</ul>
					</div>
					<div class="list">
						<ul>
							<li>大地飞鹰-嘲天宫</li>
							<li>曲韵芳华集合页</li>
							<li>青龙秘宝</li>
							<li>送限定背饰</li>
							<li>重返江湖</li>
							<li>天命积分站上线</li>
							<li>贺新版本周边福袋</li>
						</ul>
					</div>
				</div>
				<div class="b-right">
					<div class="tj">
						<i></i>
						<h2>
							本周新区推荐</br>
							<b>沧海云帆-天行九歌</b>
						</h2>
					</div>
					<div class="bb"></div>
					<div class="hd">
						<ul>
							<li>
								<a href="#">节日活动【天赐-踏浪移花】开启，</a>
							</li>
							<li>
								<a href="#">天刀年度资料片《东海移花》今日上线 </a>
							</li>
							<li>
								<a href="#">7月1日周日“东海移花”新服“沧海云帆</a>
							</li>
							<li>
								<a href="#">天刀周边商城携海量周边上线啦~</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--头条-->
			<div class="content">
				<!--资料站-->
				<div class="content1">
					<ul>
						<li>
							<a href="#">
								<img src="img/01_03.png" />
								<p>资料站</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/01_05.png" alt="" />
								<p>攻略中心</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/01_09.png" />
								<p>活动中心</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/01_10.png" alt="" />
								<p>版本中心</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/01_13.png" />
								<p>官方论坛</p>
							</a>
						</li>
						<li>
							<a href="#">
								<img src="img/01_14.png" />
								<p>官方微博</p>
							</a>
						</li>
					</ul>
				</div>
				<!--头条-->
				<div class="content2">
					<div class="content2-top">
						<ul>
							<li>
								<a href="#">头条</a>
							</li>
							<li>
								<a href="#">新闻</a>
							</li>
							<li>
								<a href="#">公告</a>
							</li>
							<li>
								<a href="#">活动</a>
							</li>
							<li>
								<a href="#">直播</a>
							</li>
							<li>
								<a href="#">更多+</a>
							</li>
						</ul>
					</div>
					<div class="content2-bottom">
						<ul>
							<li>
								<a href="#">新闻</a>
								<a href="#">天刀暖春戏曲版本今日上线，国粹献礼海量福利！</a>
								<a href="#">03/13</a>
							</li>
							<li>
								<a href="#">新闻</a>
								<a href="#">首个满级新服【大地飞鹰-嘲天宫】3月13日12:00火爆开启！</a>
								<a href="#">03/08</a>
							</li>
							<li>
								<a href="#">新闻</a>
								<a href="#">【17173】天刀手游即将到来 端游原班人马将会带来什么样的大餐？</a>
								<a href="#">01/31</a>
							</li>
							<li>
								<a href="#">公告</a>
								<a href="#">3月13日服务器例行维护公告（已完成）</a>
								<a href="#">03/13</a>
							</li>
							<li>
								<a href="#">新闻</a>
								<a href="#">游戏N卡新功能：亮点捕捉视频录制教程</a>
								<a href="#">01/28</a>
							</li>
							<li>
								<a href="#">公告</a>
								<a href="#">3月16日欢乐英雄服务器更新公告（已完成）</a>
								<a href="#">03/16</a>
							</li>
							<li>
								<a href="#">公告</a>
								<a href="#">3月15日服务器临时维护更新公告（已完成）</a>
								<a href="#">03/15</a>
							</li>
							<li>
								<a href="#">公告</a>
								<a href="#">3月14日服务器临时维护更新公告（已完成）</a>
								<a href="#">03/14</a>
							</li>
						</ul>
					</div>
				</div>
				<!--活动中心-->
				<div class="content3">
					<div class="content3-top">
						<img src="img/home-event.jpg" alt="" />
					</div>
					<div class="content3-bottom">
						<ul>
							<li>
								<h2>游戏特色</h2>
								<p>江湖那么大</p>
								<p>何处不天涯</p>
							</li>
							<li>
								<h2>设定站</h2>
								<p>天下盟会</p>
								<p>八荒剑秀</p>
							</li>
						</ul>
					</div>
				</div>
				<!--移花-->
				<div class="content4">
					<div class="dw"></div>
					<div class="yh">
						<ul class="ta">
							<li>
								<a href="#">
									<img src="img/images/images/04_03.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_05.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_07.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_09.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_11.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_13.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_15.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_17.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/images/images/04_19.png" alt="" />
								</a>
							</li>
						</ul>
						<div class="mp">
							<h3>移花</h3>
							<p>醉来忘却移花处，谁自临风吹玉笛</p>
							<p class="mp-wp">
								<b>主武器：笛子</b></br>
								<b>副武器：花坠</b>
							</p>
							<p class="wp-le">
								操作难度</br>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
								<i></i>
							</p>
							<ul class="more">
								<li>
									<a href="#">介绍详情</a>
								</li>
								<li>
									<a href="#">门派攻略</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!--商城-->
			<div class="article">
				<!--周边商城-->
				<div class="article-left">
					<ul class="sc">
						<li>
							<a href="#">
								<i></i> 周边商城
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 天衣阁
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 同人站
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 精英服
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 道聚城
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 心悦特权
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 原声大碟
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 账号安全
							</a>
						</li>
						<li>
							<a href="#">
								<i></i> 在线客服
							</a>
						</li>
					</ul>
					<div class="ew">
						<p>
							<a href="#">天刀助手</a>
							<span>|</span>
							<a href="">官方微信</a>
						</p>
						<p>
							<img src="img/wuxia-app-for-android.png" alt="" />
						</p>
					</div>
					<ul class="qq">
						<li>
							<img src="img/mt-1.png" alt="" />
							<p></p>
						</li>
						<li>
							<img src="img/mt-2.png" alt="" />
							<p></p>
						</li>
						<li>
							<img src="img/mt-4.png" alt="" />
							<p></p>
						</li>
						<li>
							<img src="img/mt-5.png" alt="" />
							<p></p>
						</li>
						<li>
							<img src="img/mt-6.png" alt="" />
							<p></p>
						</li>
						<li>
							<img src="img/mt-9.png" alt="" />
							<p></p>
						</li>
					</ul>
				</div>
				<!--同人-->
				<div class="article-right">
					<!--同人推荐-->
					<div class="qz">
						<!--同人推荐-->
						<div class="qz-left">
							<h3>
								同人推荐
								<a href="#">
									投稿参与
									<i></i>
								</a>
								<a href="#">更多+</a>
							</h3>
							<a href="#">
								<img src="img/5a44af8040abbee09493bfa3deb6fbd3.jpg" alt="" />
							</a>
							<a href="#">
								<img src="img/ac6a468d5ad511c3443f8a1f07b647a0.jpg" alt="" />
							</a>
							<ul class="new">
								<li>
									<a href="#">
										我们结婚了《天赐良缘》
									</a>
									<a href="#">03/11</a>
								</li>
								<li>
									<a href="#">
										纯音乐《我和闺蜜蜜》唯念此间情 山水有相逢
									</a>
									<a href="#">03/11</a>
								</li>
								<li>
									<a href="#">
										飞翔的土豆：唯美剧情MV《一瞬芳华》
									</a>
									<a href="#">03/11</a>
								</li>
								<li>
									<a href="#">
										【原创燃向剧情歌】明月当歌
									</a>
									<a href="#">03/11</a>
								</li>
							</ul>
						</div>
						<!--同人视频-->
						<div class="qz-center">
							<ul class="dt">
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
								<li>
									<a href="#"></a>
								</li>
							</ul>
						</div>
						<!--视频-->
						<div class="qz-right">
							<ul>
								<li>
									<a href="#">
										<img src="img/06_1.png" alt="" />
										<p>视频</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/06_2.png" alt="" />
										<p>壁画</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/8_07.png" alt="" />
										<p>原画</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/06.png" alt="" />
										<p>音乐</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<!--媒体-->
					<div class="nw">
						<!--媒体-->
						<div class="mt">
							<div class="mt-top">
								<ul>
									<li>
										<a href="#">媒体</a>
									</li>
									<li>
										<a href="#">全部</a>
									</li>
									<li>
										<a href="#">多玩</a>
									</li>
									<li>
										<a href="#">17173</a>
									</li>
									<li>
										<a href="#">178</a>
									</li>
									<li>
										<a href="#">更多+</a>
									</li>
								</ul>
							</div>
							<div class="mt-bottom">
								<ul>
									<li>
										<a href="#">游戏N卡新功能：亮点捕捉视频录制教程</a>
										<a href="#">01/28</a>
									</li>
									<li>
										<a href="#">【多玩】</a>
										<a href="#">移花必读 实测探讨副本输出手法及心法选择</a>
										<a href="#">03/13</a>
									</li>
									<li>
										<a href="#">【多玩】</a>
										<a href="#">副本党必看 神刀纯PVE向大型职业攻略</a>
										<a href="#">02/18</a>
									</li>
									<li>
										<a href="#">【多玩】</a>
										<a href="#">体服速报 灵琳阁新腰饰及真武丐帮PVE改版</a>
										<a href="#">01/28</a>
									</li>
									<li>
										<a href="#">【多玩】</a>
										<a href="#">天刀春节活动滚雪球8个成就 攻略分享</a>
										<a href="#">01/24</a>
									</li>
									<li>
										<a href="#">【多玩】</a>
										<a href="#">实测小科普 天刀师妹放生后的侠誉图问题</a>
										<a href="#">01/22</a>
									</li>
									<li>
										<a href="#">【多玩】</a>
										<a href="#">体验服春节节日任务奖励 滚雪球小游戏技巧</a>
										<a href="#">01/22</a>
									</li>
									<li>
										<a href="#">【多玩】</a>
										<a href="#">神威疾风枪七杀破军 PVE伤害测试对比</a>
										<a href="#">01/22</a>
									</li>
								</ul>
							</div>

						</div>
						<!--攻略-->
						<div class="gl">
							<div class="mt-top">
								<ul>
									<li>
										<a href="#">攻略</a>
									</li>
									<li>
										<a href="#">话本</a>
									</li>
									<li>
										<a href="#">论剑</a>
									</li>
									<li>
										<a href="#">属性</a>
									</li>
									<li>
										<a href="#">玩法</a>
									</li>
									<li>
										<a href="#">更多+</a>
									</li>
								</ul>
							</div>
							<div class="gl-bottom">
								<ul>
									<li>
										<a href="#">游戏N卡新功能：亮点捕捉视频录制教程</a>
										<a href="#">01/28</a>
									</li>
									<li>
										<a href="#">移花必读 实测探讨副本输出手法及心法选择</a>
										<a href="#">03/13</a>
									</li>
									<li>
										<a href="#">副本党必看 神刀纯PVE向大型职业攻略</a>
										<a href="#">02/18</a>
									</li>
									<li>
										<a href="#">体服速报 灵琳阁新腰饰及真武丐帮PVE改版</a>
										<a href="#">01/28</a>
									</li>
									<li>
										<a href="#">天刀春节活动滚雪球8个成就 攻略分享</a>
										<a href="#">01/24</a>
									</li>
									<li>
										<a href="#">实测小科普 天刀师妹放生后的侠誉图问题</a>
										<a href="#">01/22</a>
									</li>
									<li>
										<a href="#">体验服春节节日任务奖励 滚雪球小游戏技巧</a>
										<a href="#">01/22</a>
									</li>
									<li>
										<a href="#">神威疾风枪七杀破军 PVE伤害测试对比</a>
										<a href="#">01/22</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="coat">
							<a href="#"></a>
						</div>
					</div>
					<!--四海八荒来相荐-->
					<div class="bn">
						<ul>
							<li>
								<a href="#">
									<img src="img/e010942ec17d0ee2b7dcfd3f229d126e.jpg" alt="" />
									<p></p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/66ba0ff71312be2d67c3edc501b25afe.jpg" alt="" />
									<p></p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/6f6227d0e2214430652f926c4bc1adef.jpg" alt="" />
									<p></p>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/1491978337.jpg" alt="" />
									<p></p>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<footer>
				<div class="footer-top">
					<p>本网络游戏适合年满<span>14周岁以上</span>的用户使用；请您确定已如实进行实名注册；为了您的健康，请合理控制游戏时间。</p>
					<p>健康游戏公告:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</p>
				</div>
				<div class="footer-bottom">
					<div class="jz">
						<div class="footer-left">
							<a href="#">
								<img src="img/foot-dark.png" alt="" />
							</a>
							<i></i>
						</div>
						<div class="footer-right">
							<p>
								<a href="#">
									腾讯互动娱乐
									<span>|</span>
								</a>
								<a href="#">
									服务条款
									<span>|</span>
								</a>
								<a href="">
									腾讯游戏隐私保护指引
									<span>|</span>
								</a>
								<a href="">
									腾讯游戏招聘
									<span>|</span>
								</a>
								<a href="">
									腾讯游戏客服
									<span>|</span>
								</a>
								<a href="">
									游戏地图
									<span>|</span>
								</a>
								<a href="">
									商务合作
									<span>|</span>
								</a>
								<a href="">
									腾讯网
									<span>|</span>
								</a>
								<a href="">
									网站导航
								</a>
								<a href="">
									腾讯公司版权所有
								</a>
							</p>
							<p>
								<a href="#">COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</a>
							</p>
							<p>
								<a href="#">粤网文[2017]6138-1456号|（总）网出证（粤）字第057号</a>
							</p>
							<p>
								<a href="#">
									<!--<img src="img/icplogo.png" alt="" /> -->
									<i></i> 文网游备字[2015]C-RPG0199号|ISBN 978-7-89988-341-9|新广出审[2015]605号|全国文化市场统一举报电话：12318
								</a>
							</p>
						</div>
					</div>
				</div>
			</footer>
		</div>
		<script>
			var li = document.querySelectorAll(".y");
			var a = document.querySelectorAll(".y a");
			console.log(a);
			for(var i = 0; i < a.length; i++) {
				a[i].onmouseover = function() {
					this.parentElement.style.background = "#2D8672";
				}
				a[i].onmouseout = function() {
					this.parentElement.style.background = "";
				}
			}
		</script>
	</body>

</html>